<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            width: 200px;
        }
    </style>
</head>

<body>
    <!-- 格式化上下文是怎样的 -->
    <!-- 
        1. html创建 body共建————第一个BFC
        2. p 对外 block container————对内产生一个 IFC
            由于一行内没法显示，所以产生3个线盒（line-box[line-hight]）
        3. 'It can get' 匿名的 inline-box
        4. 'very complicated' <strong>的 inline-box
        5. 'once you'
        6. 'start looking into it.' 匿名的 inline-box
     -->
    <p>
        It can get <strong>very complicated</strong> once you start looking into it.
    </p>
</body>

</html>